<template>
  <div class="main-panel icon-panel">
    <ul class="icon-list">
      <li v-for="icon in icons" :key="icon">
        <span><i :class="icon"></i><span class="icon-name">{{icon}}</span></span>
      </li>
    </ul>
  </div>
</template>

<script>
import icons from '_c/diaolog/icons/icons'
export default {
  name: 'sysIcons',
  data () {
    return {
      icons
    }
  }
}
</script>

<style lang="scss">
@import "../../components/diaolog/icons/index.scss";
.icon-panel{
  .icon-list{
    height: 80vh;
    li{
      width: 19.66%;
    }
  }
}
</style>
